<!DOCTYPE html><!--created by Offline Map Maker https://www.allmapsoft.com/omm-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>gapi-allmapsoft.com-1649</title>
<style>
	#map_canvas{width:100%;height:100%;position: absolute;bottom:0px;left:0;right:0;top:0;margin:0;padding:0;}
</style>
<script type="text/javascript" src="./googleapi/mapapi.js"></script>
<script type="text/javascript">
	var map;
	var myCenter =new google.maps.LatLng(23.6,121.1);
	function MyMapType(){};
	MyMapType.prototype.tileSize=new google.maps.Size(256,256);
	MyMapType.prototype.maxZoom=13;
	MyMapType.prototype.minZoom=8;
	MyMapType.prototype.name="Offline-Map";
	MyMapType.prototype.getTile=function(coord, zoom, ownerDocument)
	{
		var div=ownerDocument.createElement('div');
		div.innerHTML='<img name="" src="./Gaode base map (China)/'+zoom+'/'+coord.x+'/'+coord.y+'.png"/>';
		div.style.width=this.tileSize.width+'px';
		div.style.height=this.tileSize.height+'px';
		return div;
	};
	var mymap=new MyMapType();
	function init()
	{
		var mapOptions={zoom:8,center:myCenter,streetViewControl:false,panControl:true,zoomControl:true,mapTypeControl:false,scaleControl:true,overviewMapControl:false,mapTypeControlOptions:{mapTypeIds:["xx"]}};
		map=new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
		map.mapTypes.set('xx',mymap);
		map.setMapTypeId('xx');
	}
</script>
</head>
<body onLoad="init()">
<div id="map_canvas"></div>
</body>
</html>
